import React from 'react'
import taiji from '@/assets/taiji.png'


export default function My() {

  return (
    <div>
      <div className='p-[10px] flex'>
        <img className="rounded-full w-[50px] h-[50px] block mr-[10px]" />
        <div>
          <div>张三</div>
          <div className='text-[#706f6f]'>ID:1212221</div>
        </div>
      </div>
      <div className='p-[5px_10px] text-[#333]'>我的订单</div>
      <div className='rounded border-[#e5dccf] border-1 border-solid bg-[#fefcfb] m-[10px] w-[96%] mx-auto bg-no-repeat bg-contain bg-[right_50px]' style={{ backgroundImage: `url(${taiji})` }}>
        <div className='p-[10px]'>
          <div className='mb-[10px] flex justify-between items-center' >
            <div>历史查询1</div>
            <div className='bg-[#b59675] rounded-full p-[5px_15px] text-[12px] text-[#fff]'>查看详情</div>
          </div>
          <div className='flex mb-[5px]'>
            <div className='text-[#b69777]'>出生日期:</div><div>199年</div>
          </div>
          <div className='flex mb-[5px]'>
            <div className='text-[#b69777]'>出生时间:</div><div>18时1分</div>
          </div>
          <div className='flex'>
            <div className='text-[#b69777]'>出生地点:</div><div>199年</div>
          </div>
        </div>
      </div>
    </div >
  )
}
